<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="referrer" content="never">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="keywords"
        content="拟声,拟声app,音乐,歌词弹幕,状态栏歌词,桌面歌词,悬浮歌词,共享与控制,下载,新拟物,音乐云盘,阿里云盘,百度云盘,百度网盘,115云盘,webdav,coolight,musicxx,mimicrymusic,mymusic,download,music,lyric,mediaplayer,app,android,ios,windows,macos,linux">
    <link rel="icon" href="images/MimicryMusic-s.png">
    <title>『拟声』下载官网</title>
    <style>
        body {
            height: 100%;
            width: 100%;
            margin: 0px;
            padding: 0px;
            overflow-x: hidden;
            background: #2f363e;
        }

        .mimicry_column {
            display: flex;
            flex-direction: column;
            display: -ms-flexbox;
            -ms-flex-direction: column;
        }

        .mimicry_row {
            display: flex;
            flex-direction: row;
            display: -ms-flexbox;
            -ms-flex-direction: row;
        }

        .cmusic_textCross {
            font-size: large;
            font-weight: normal;
            color: #78778f;
        }

        .cmusic_textMain {
            font-size: large;
            font-weight: bolder;
            color: #dde8fc;
        }

        .cmusic_textLink {
            font-size: large;
            font-weight: normal;
            color: #66ccff;
            text-decoration: none;
        }

        .cmusic_appTitle {
            font-size: 50px;
            font-weight: bolder;
            color: #dde8fc;
        }

        .clip {
            background: -webkit-linear-gradient(120deg, #bd34fe 30%, #66ccff);
            -webkit-background-clip: text;
            background-clip: text;
            -webkit-text-fill-color: transparent;
        }

        @media only screen and (min-width: 640px) {
            .cmusic_textCross {
                font-size: 3vmin;
            }

            .cmusic_textLink {
                font-size: 3vmin;
            }

            .cmusic_textMain {
                font-size: 3vmin;
            }

            .cmusic_appTitle {
                font-size: 7vmin;
            }
        }

        /*列表ul样式*/
        .cmusic_playList_ul {
            width: 100%;
            height: 100%;
            list-style: none;
            overflow-y: auto;
            /*显示纵向滚动条*/
            margin: 0px;
            padding: 0px;
            display: flex;
            display: -ms-flexbox;
            flex-direction: column;
        }

        .cmusic_icon {
            width: 50px;
            height: 50px;
            border-radius: 8px;
            padding-left: 0px;
            padding-right: 10px;
        }

        .musicxx_hide {
            display: none;
        }

        .cmusic_image {
            border: 0.6vw solid #3c414b;
            border-radius: 2.5vw;
            background-color: #2e3f48;
            width: 12vw;
            height: 12vw;
            box-shadow: 1vw 1vw 2vw #2c2c30, -1vw -1vw 2vw #3c3c4a;
            -webkit-box-shadow: 1vw 1vw 2vw #2c2c30, -1vw -1vw 2vw #3c3c4a;
        }

        @media only screen and (max-width: 1300px) {
            .cmusic_image {
                border: 8px solid #3c414b;
                border-radius: 50px;
                background-color: #2e3f48;
                width: 200px;
                height: 200px;
                box-shadow: 20px 20px 30px #2c2c30, -20px -20px 30px #3c3c4a;
                -webkit-box-shadow: 20px 20px 30px #2c2c30, -20px -20px 30px #3c3c4a;
            }
        }

        /*滚动条样式*/
        .cmusic_playList_ul::-webkit-scrollbar {
            display: none;
        }

        .cmusic_playList_ul>:first-child {
            margin-top: 20px;
        }

        .cmusic_playList_ul>:last-child {
            margin-bottom: 20px;
        }

        .cmusic_playlist_li_notransform {
            width: 90%;
            border-radius: 15px;
            transform: none;
            margin-left: auto;
            margin-right: auto;
            justify-self: center;
        }

        .cmusic_playlist_li_notransform:hover {
            transform: none;
        }

        .mimicry_button {
            font-size: large;
            color: #fff;
            background-color: #66ccff;
            border: none;
            height: 40px;
            border-radius: 10px;
            padding-top: 10px;
            padding-bottom: 10px;
            padding-left: 30px;
            padding-right: 30px;
            align-items: center;
            justify-content: center;
            box-shadow: 10px 10px 15px #19191e, -5px -5px 10px #4b505a;
            -webkit-box-shadow: 10px 10px 15px #19191e, -5px -5px 10px #4b505a;
        }

        .mimicry_button:hover {
            cursor: pointer;
            background-color: #66ccffaa;
        }

        .mimicry_button_normal {
            color: #dde8fc;
            background-color: #2a3138;
        }

        .mimicry_button_normal:hover {
            cursor: pointer;
            color: #66ccff;
            background-color: #2a313877;
        }

        .mimicry_popup {
            /* 固定定位 */
            position: fixed;
            /* 设置在顶层 */
            z-index: 1;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            overflow: auto;
            background-color: rgb(0, 0, 0);
            background-color: rgba(0, 0, 0, 0.4);
        }

        .mimicry_popup_content {
            display: flex;
            display: -ms-flexbox;
            flex-direction: column;
            background-color: #2a3138;
            margin: 7%;
            padding: 20px;
            border-radius: 30px;
        }


        .pl2 {
            display: block;
            width: 8em;
            height: 8em;
        }

        .pl2__rect,
        .pl2__rect-g {
            animation: pl1-a 1.5s cubic-bezier(0.65, 0, 0.35, 1) infinite;
        }

        .pl2__rect,
        .pl2__rect-g {
            animation-name: pl2-a;
        }

        .pl2__rect {
            animation-name: pl2-b;
        }

        .pl2__rect-g .pl2__rect {
            transform-origin: 20px 128px;
        }

        .pl2__rect-g:first-child,
        .pl2__rect-g:first-child .pl2__rect {
            animation-delay: -0.25s;
        }

        .pl2__rect-g:nth-child(2),
        .pl2__rect-g:nth-child(2) .pl2__rect {
            animation-delay: -0.125s;
        }

        .pl2__rect-g:nth-child(2) .pl2__rect {
            transform-origin: 64px 128px;
        }

        .pl2__rect-g:nth-child(3) .pl2__rect {
            transform-origin: 108px 128px;
        }

        @keyframes pl2-a {

            from,
            25%,
            66.67%,
            to {
                transform: translateY(0);
            }

            50% {
                animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);
                transform: translateY(-80px);
            }
        }

        @keyframes pl2-b {

            from,
            to {
                animation-timing-function: cubic-bezier(0.33, 0, 0.67, 0);
                width: 40px;
                height: 24px;
                transform: rotate(180deg) translateX(0);
            }

            33.33% {
                animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);
                width: 20px;
                height: 64px;
                transform: rotate(180deg) translateX(10px);
            }

            66.67% {
                animation-timing-function: cubic-bezier(0.33, 1, 0.67, 1);
                width: 28px;
                height: 44px;
                transform: rotate(180deg) translateX(6px);
            }
        }
    </style>
</head>

<body>
    <div class="musicxx_hide" id="mimicry_popup">
        <div class="mimicry_popup_content">
            <div class="mimicry_row" style="justify-content: space-between;align-items: center;">
                <span class="cmusic_textMain">选择系统架构</span>
                <button class="mimicry_button" onclick="popupClose()" style="align-self: self-end;">关闭</button>
            </div>
            <div style="height: 20px;"></div>
            <ul id="downlist" class="cmusic_playList_ul" style="background-color: #2f363e;border-radius: 20px;">
                <li class="cmusic_playlist_li_notransform"
                    style="display: flex;justify-content: center;align-items: center;">
                    <span class="cmusic_textCross">『空空如也』</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="mimicry_column musicxx_hide" id="adaptBody">
        <span class="cmusic_textMain" id="checkEnableJS">您的浏览器已禁用JavaScript，请开启才能正常浏览当前网页</span>
        <div class="mimicry_column" style="flex:1; align-items: center; padding-top: 30px;">
            <!-- 图标 -->
            <img class="cmusic_image" src="images/musicxx-glass-blue.png" alt="拟声" />
            <div style="width: 90%; margin-top: 50px;">
                <div class="mimicry_column"
                    style="background-color: #2a3138; border-radius: 15px; margin-top: 20px; padding: 20px; display: block;">
                    <span class="cmusic_appTitle clip" style="margin-bottom: 15px; display: block;">拟声</span>
                    <span class="cmusic_textMain"
                        style="font-size: 30px; font-weight: bolder; margin-bottom: 15px; display: block;">•
                        拟物风音视频播放器</span>
                    <a class="cmusic_textLink" style="margin-bottom: 15px;display: block;"
                        href="https://blog.mimicry.cool/">•『 官网与使用帮助 』</a>
                    <a class="cmusic_textLink" style="margin-bottom: 15px;display: block; color: rosybrown"
                        href="https://blog.mimicry.cool/help/list/selectBranch.html">•『 如何选择版本和分支 』</a>
                    <a class="cmusic_textLink" style="margin-bottom: 15px;display: block;"
                        href="https://www.123865.com/s/7dgajv-9HGVv">•『 历史版本下载 』</a>
                    <a class="cmusic_textLink" style="margin-bottom: 15px;display: block; color: rosybrown"
                        href="https://blog.coolight.cool/">•『 我们的其他APP 』</a>
                    <span class="cmusic_textCross">• 若无法安装，请更换浏览器尝试</span>
                </div>
            </div>
        </div>
        <div class="mimicry_column" style="flex:1; padding-top: 30px;">
            <ul class="cmusic_playList_ul" id="list">
                <!-- 列表 -->
                <li class="cmusic_playlist_li_notransform"
                    style="display: flex;flex-direction: column; justify-content: center;align-items: center;">
                    <div
                        style="display: flex;flex-direction: column; justify-content: center;align-items: center;margin-bottom: 10px;">
                        <svg class="pl2" viewBox="0 0 128 128" width="128px" height="128px">
                            <g fill="var(--primary)">
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="0" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="44" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="88" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                            </g>
                            <g fill="#66ccff" mask="url(#pl-mask)">
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="0" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="44" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                                <g class="pl2__rect-g">
                                    <rect class="pl2__rect" rx="8" ry="8" x="88" y="128" width="40" height="24"
                                        transform="rotate(180)"></rect>
                                </g>
                            </g>
                        </svg>
                    </div>
                    <span class="cmusic_textMain">正在加载下载列表...</span>
                </li>
            </ul>
        </div>
    </div>
    <div class="mimicry_column"
        style="justify-content: center;align-items: center;padding-top: 50px;padding-bottom: 30px;">
        <span class="cmusic_textCross" style="display: block;">© 2022-2025 By『Lumenxx/coolight • 郑泳坤』</span>
        <a target="_blank" href="https://beian.miit.gov.cn/" class="cmusic_textCross"
            style="display: block;">粤ICP备2021172577号</a>
        <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=44011302003939"
            class="cmusic_textCross" style="display: block;">
            <img src=""
                style="width:20px;height:20px;margin-right:10px;">
            <span class="cmusic_textCross">粤公网安备 44011302003939号</span>
        </a>
    </div>
    <script>
        var checkEnableJS = document.getElementById('checkEnableJS');
        if (checkEnableJS) {
            checkEnableJS.parentElement.removeChild(checkEnableJS);
        }
    </script>
    <script src="run.js"></script>
</body>

</html>